html {
	font-size: 16px;
}

.top-nav {
	height: 3.125rem;
	line-height: 3.125rem;
	.top-nav-list {
		border-bottom: 1px solid #eee;
		.top-nav-item {
			text-align: center;
			position: relative;
		}
		.top-nav-link {
			color: #9a9aaa;
			&.active {
				font-weight: 700;
				color: #429cff;
			}
		}
		.line {
			display: inline-block;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0;
			width: 2rem;
			height: 0.125rem;
			background-color: #aad9f7;
		}
	}
}
// 主体部分
.main {
	position: relative;
	height: calc(100% - 3.125rem);
	.data-info {
		height: 5.625rem;
		color: #9f9d9f;
		h6 {
			margin: 0.75rem 0;
		}
		.num {
			font-size: 2rem;
			font-weight: 600;
			color: #5ba1ff;
		}
	}
	.anchorBL {
		display: none;
	}
	.map_box {
		.logo {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 10rem;
			height: 10rem;
			line-height: 10rem;
			text-align: center;
			border-radius: 50%;
			background-color: rgba(32, 150, 208, 0.4);
			font-size: 4rem;
			font-weight: 600;
			color: #2096d0;
			letter-spacing: 0.1875rem;
		}
		.map_tab {
			position: absolute;
			top: 30px;
			width: 100%;
			.map_list {
				li {
					width: 80px;
					height: 34px;
					line-height: 34px;
					border-radius: 17px;
					text-align: center;
					background-color: #9cbce2;
					color: #fff;
					&.active {
						background-color: #4294ff;
					}
				}
			}
		}
		.map_target {
			width: 100%;
			position: absolute;
			bottom: 30px;
			.icon-shezhi,
			.icon-yinle {
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				border-radius: 50%;
				background-color: #fff;
				font-size: 24px;
				box-shadow: 2px 2px 2px #666, -2px, -2px 2px #666;
			}
			.target {
				width: 100px;
				height: 32px;
				line-height: 32px;
				border-radius: 16px;
				text-align: center;
				color: #fff;
				background-color: #4294ff;
			}
		}
	}
	.amap-logo {
		display: none !important;
	}
	.amap-copyright {
		display: none !important;
	}
}
.routine {
	li {
		margin-bottom: 15px;
		display: none;
		&.active {
			display: flex;
		}
		.routine_text {
			h4 {
				margin: 14px 0;
			}
		}
	}
}
